<!DOCTYPE HTML>
<html>
    <head>
        <meta name="renderer" content="webkit">
        <meta content="统一认证,合肥讯百科技"/>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
        <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" />
        
        <link rel="icon" th:href="${AppRootContext}+'/assets/favicon.ico'" type="image/x-icon" />
        <link rel="shortcut icon" th:href="${AppRootContext}+'/assets/favicon.ico'" type="image/x-icon" />
        <link rel="bookmark" href="${AppRootContext}/assets/favicon.ico" type="image/x-icon" />
        <link rel="stylesheet" th:href="${AppRootContext}+'/assets/font-awesome/4.7.0/css/font-awesome.min.css'" >
        <link rel="stylesheet" th:href="${AppRootContext}+'/assets/elementui/index.css'" >
        <script type="text/javascript" th:src="${AppRootContext}+'/assets/js/polyfill.min.js'"></script>
        <title>用户登录</title>
        <style>
        </style>
        <script type="text/javascript" th:src="${AppRootContext}+'/assets/js/vue-2.6.7.js'"></script>
        <script type="text/javascript" th:src="${AppRootContext}+'/assets/js/axios.min.js'"></script>
        <script type="text/javascript" th:src="${AppRootContext}+'/assets/elementui/index.js'"></script>
        <script type="text/javascript" th:src="${AppRootContext}+'/assets/js/xbell.js'"></script>
    </head>
    <body>
        <div class="container">
            <el-container>
                <el-header>
                </el-header>
                <el-main>
                    <div v-for="item in apps">
                        <a :href="item.auth">{{item.name}}</a>
                    </div>
                </el-main>
            </el-container>
        </div>
        <div class="copyright">
            <span>copyright &copy; 2019 | [[${AppName}]]v[[${AppVersion}]]| <a target="_blank" href="">[[${ClientName}]]</a></span>
        </div>
        <script type="text/javascript">
                window._AppRootContext = '[[${AppRootContext}]]';
                var appRoot = new Vue({
                    el:'.container',
                    data:{
                        appctx:_AppRootContext,
                        apps:[]
                    },
                    mounted:function(){
                        var apps = [{name:'技能竞赛',clientId:'xnjs',redirect_uri:'https://ahiib.bwzs.minisev.com'},
                            {name:'技能竞赛2',clientId:'com',redirect_uri:'https://ahiib.bwzs.minisev.com'},
                            {name:'社会招生',clientId:'xbellsso',redirect_uri:'https://ahiib.bwzs.minisev.com'}];
                        for(var i=0;i<apps.length;i++){
                            apps[i].auth = '[[${AppRootContext}]]/oauth2/authorize?response_type=code&client_id={0}&state=state&redirect_uri={1}'.format(apps[i].clientId,apps[i]["redirect_uri"])
                        }
                        this.apps = apps;
                    },
                    methods:{
                        
                    }
                });
        </script>
    </body>
</html>